<template>
    <div class="originalData_page_class">
        <div class="shadow_bg_class"
             style="width: 100%;color: #ffffff;padding: 12px ">

            <el-form ref="filters" :model="filters" label-width="100px">
                <el-row :gutter="20" style="margin-bottom: 0px">
                    <el-col :span="10">
                        <el-form-item label="风险点：" style="margin-bottom: 0 !important;">
                            <el-cascader
                                    style="width: 100%"
                                    :options="options"
                                    clearable
                                    @change="handleChange">
                            </el-cascader>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="日期：" style="margin-bottom: 0 !important;">
                            <el-date-picker
                                    v-model="filters.date"
                                    type="date"
                                    format="yyyy-MM-dd"
                                    value-format="yyyy-MM-dd"
                                    placeholder="选择日期">
                            </el-date-picker>
                        </el-form-item>
                    </el-col>


                    <el-col :span="6" style="display: flex;justify-content: flex-end">
                        <el-button type="primary"
                                   style="background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.18);"
                                   @click="handleSearch">搜索
                        </el-button>
                    </el-col>
                </el-row>

            </el-form>

        </div>
        <el-table :data="originalDataList" class="wxtable" style="margin-top: 12px">

            <el-table-column prop="riskGrade" label="危险等级" width="120" align='center'>
            </el-table-column>
            <el-table-column prop="score" label="分数" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="i" label="电流" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="h" label="湿度" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="o" label="氧气浓度" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="maxI" label="最大电流" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="p" label="功率" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="t" label="温度" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="u" label="电压" width="100" align='center'>
            </el-table-column>
            <el-table-column prop="thosTime" label="采集时间" align='center' >
                <template slot-scope="scope">
                    <span>{{scope.row.thosTime.split(' ')[1]}}</span>
                </template>
            </el-table-column>
        </el-table>
        <div class="page-floor">
            <div>

                <el-pagination
                        background
                        @size-change="handleSizeChange"
                        @current-change="handleCurrentChange"
                        :current-page.sync="originalDataPage.page+1"
                        :page-sizes="[10, 30, 50, 100]"
                        :page-size="originalDataPage.rows"
                        layout="total, sizes, prev, pager, next, jumper"
                        :total="originalDataPage.count">
                </el-pagination>
            </div>
        </div>

    </div>

</template>

<script>
    import original_data_list_page_bus from './original_data_list_page_bus.js'

    export default original_data_list_page_bus

</script>
<style scoped>

</style>
